<template>
    <div class="MerchantCurrent">
        <div class="header">
            <div class="header-left">
                当前活动
            </div>
            <router-link class="header-right" to="/Activity">
                <div>
                    <span>更多</span>
                    <svg class="icon cell_icon" aria-hidden="true" slot="icon" style="width:.3rem;height:.3rem;">
                        <use xlink:href="#icon-jiantouarrow594"></use>
                    </svg>
                </div>
            </router-link>
        </div>
        <div class="itemlist">
            <current-item></current-item>
            <current-item></current-item>
        </div>
    </div>
</template>

<script>
import currentItem from '@/pages/Detail/components/Header'
export default {
    name: 'MerchantCurrent',
    components: {
        currentItem
    }
}
</script>

<style lang="stylus" scoped>
.MerchantCurrent
    .header
        background: #fff  
        color: #333
        line-height: .78rem
        height: .78rem
        font-size: .25rem
        border-bottom: 1px solid #ececec
        box-sizing:border-box
        box-shadow: 0 0 3px rgba(238,238,238,0.1)
        .header-left
            float: left
            &:before
                content: ''
                float: left
                width: .06rem
                height: .22rem
                background-color: #ed722e
                margin-right: .20rem
                margin-top: .25rem
        .header-right
            min-width: 1.04rem
            float: right
            text-align: center
            font-size: .26rem
            color: #ccc
</style>